<template>

	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li>
					<a href="javascript:history.go(-1)">
						<i class="iconfont">&#xe61e;</i>
					</a>
				</li>
				<li>
					<p>添加银行卡</p>
				</li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">

		</div>
		<div class="verify">
			<p>请输入银行卡信息</p>
		</div>
		<div class="verify_form">
			<ul>
				<li>
					<p>持卡人</p>
				</li>
				<li><input type="text" placeholder="请输入持卡人姓名" /></li>
			</ul>
			<ul>
				<li>
					<p>卡号</p>
				</li>
				<li><input type="text" placeholder="请输入银行卡卡号" /></li>
			</ul>
			<ul class="Hairpin">
				<li>
					<group>
						<popup-picker title="选择发卡银行" :data="list2" v-model="value2">

						</popup-picker>
					</group>
				</li>

			</ul>
		</div>
		<div class="btn">
			<a href="Notification.html"><input type="button" value="确认添加" class="col-green" /></a>
		</div>
	</body>
</template>

<script>
import { Group, PopupPicker } from 'vux'
export default {
	components: {
		Group,
		PopupPicker
	},
	data() {
		return {
			list2: [['建设银行', '招商银行', '中国银行', '农业银行', '工商银行', '厦门银行', '平安银行', '民生银行']],
			value2: ['选择'],
		}
	}
}
</script>

<style>
.weui-label {
  font-size: 0.26rem !important;
}
.vux-popup-picker-value {
  font-size: 0.26rem !important;
}
.weui-cell {
  padding: 0 !important;
}
.vux-no-group-title {
  margin: 0 !important;
}
.weui-cells {
  background: none !important;
}
.weui-cells:before {
  border: none !important;
}
.weui-cells:after {
  border: none !important;
}
.vux-popup-picker-placeholder {
  font-size: 0.26rem !important;
}
</style>